<!doctype html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="UTF-8">
	<title>福致科技</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/public.css" type="text/css">
    <link rel="stylesheet" href="css/dt.css" type="text/css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#myCarousel').carousel({
                interval:2000
            });
        })
    </script>
</head>
<body>
    <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <img src="images/5.gif" alt="">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
                <span class="sr-only">点我啊</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse" >
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">公司动态</a></li>
                <li><a href="#">我们做什么</a></li>
                <li><a href="#">合作伙伴</a></li>
                <li><a href="#">成功案例</a></li>
                <li><a href="#">招贤纳士</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </nav>

    <!-- banner -->
    <div class="container-fluid one1">
      <div class="row">
         <img src="images/1.gif" class="t1">
      </div>
    </div>
    <!-- 滚动图片和栏目导航 -->
    <div class="container one2">
      <div class="row">
         <div class="col-md-8 col-xs-12 col-sm-12 l1">
         <!-- 轮播图 -->
         <div id="myCarousel" class="carousel slide">
         
         <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol> 


             <div class="carousel-inner bor">
               <div class="item active">
                  <img src="images/2.gif" class="t2">
               </div>
               <div class="item">
                  <img src="images/22.gif" class="t2">
               </div>
               <div class="item">
                  <img src="images/222.gif" class="t2">
               </div>
             </div>
            <!--  <span style="width:232px;height: 3px;background-color: #a00;display: inline-block;margin-left: 54px;margin-top: -20px;"></span> --><!-- <span style="width:232px;height: 3px;background-color: #0a0;display: inline-block;"></span class="sp1"></span><span style="width:232px;height: 3px;background-color: #00a;display: inline-block;"></span class="sp1"></span> -->
         </div>
         </div>
         <!-- 栏目导航 -->
         <div class="col-md-4 col-xs-0 col-sm-0 r2">
             <div class="tm"><p style="color:#fff;width: 300px;height:30px;text-align: left;padding-top:5px;">栏目导航</p></div>
             <img src="images/3.gif" class="t3">
             <div class="lx">
                 <p style="text-align: center;padding-left:0px;font-size: 14px;">联系我们</p>
                 <p>技术服务热线：0872-2176686 2160637</p>
                 <p>传真：0872-2135886</p>
                 <p>地址：大理市苍山东路与广丰路交叉口金牛家<br>缘吉祥商住楼</p>
             </div>
         </div>
      </div>
    </div>

    <!--内容排列 -->
    <div class="container one3">
        <div class="row">
            <div class="col-md-3 col-xs-3 col-sm-3 r3">
                <div class="t"><img src="images/4.gif" class="t4"></div>
            </div>
            <div class="col-md-9 col-xs-9 col-sm-9 l3">
                <div class="z">
                    <p class="p11">福致科技迁新址 开启崭新征程</p>
                    <p class="p22">2017年春节的喜庆刚刚过去，福致科技迎来了筹划多时的
<br>乔迁之喜，搬迁至生物园区...</p>
<span class="sp22">[2017-06-16]</span>
<span class="sp33">[阅读全文]</span>
                </div>
            </div>
        </div>

        <div class="row" style="margin-top:5px;">
            <div class="col-md-3 col-xs-3 col-sm-3 r3">
                <div class="t"><img src="images/4.gif" class="t4"></div>
            </div>
            <div class="col-md-9 col-xs-9 col-sm-9 l3">
                <div class="z">
                    <p class="p11">福致科技迁新址 开启崭新征程</p>
                    <p class="p22">2017年春节的喜庆刚刚过去，福致科技迎来了筹划多时的
<br>乔迁之喜，搬迁至生物园区...</p>
<span class="sp22">[2017-06-16]</span>
<span class="sp33">[阅读全文]</span>
                </div>
            </div>
        </div>

        <div class="row" style="margin-top:5px;">
            <div class="col-md-3 col-xs-3 col-sm-3 r3">
                <div class="t"><img src="images/4.gif" class="t4"></div>
            </div>
            <div class="col-md-9 col-xs-9 col-sm-9 l3">
                <div class="z">
                    <p class="p11">福致科技迁新址 开启崭新征程</p>
                    <p class="p22">2017年春节的喜庆刚刚过去，福致科技迎来了筹划多时的
<br>乔迁之喜，搬迁至生物园区...</p>
<span class="sp22">[2017-06-16]</span>
<span class="sp33">[阅读全文]</span>
                </div>
            </div>
        </div>

        <div class="row" style="margin-top:5px;">
            <div class="col-md-3 col-xs-3 col-sm-3 r3">
                <div class="t"><img src="images/4.gif" class="t4"></div>
            </div>
            <div class="col-md-9 col-xs-9 col-sm-9 l3">
                <div class="z">
                    <p class="p11">福致科技迁新址 开启崭新征程</p>
                    <p class="p22">2017年春节的喜庆刚刚过去，福致科技迎来了筹划多时的
<br>乔迁之喜，搬迁至生物园区...</p>
<span class="sp22">[2017-06-16]</span>
<span class="sp33">[阅读全文]</span>
                </div>
            </div>
        </div>

        <div class="row" style="margin-top:5px;">
            <div class="col-md-3 col-xs-3 col-sm-3 r3">
                <div class="t"><img src="images/4.gif" class="t4"></div>
            </div>
            <div class="col-md-9 col-xs-9 col-sm-9 l3">
                <div class="z">
                    <p class="p11">福致科技迁新址 开启崭新征程</p>
                    <p class="p22">2017年春节的喜庆刚刚过去，福致科技迎来了筹划多时的
<br>乔迁之喜，搬迁至生物园区...</p>
<span class="sp22">[2017-06-16]</span>
<span class="sp33">[阅读全文]</span>
                </div>
            </div>
        </div>
    </div>
<!-- 页码 -->
    <div class="container-fluid one4">
        <div class="row">
            <ul class="pagination">
              <li><a href="#">上一页</a></li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
             <li><a href="#">5</a></li>
             <li><a href="#">下一页</a></li>
</ul>
        </div>
    </div>
    
    </body>
    </html>